<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>StrHint Admin</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script data-main="script/main" src="script/require.min.js"></script>
</head>

<body>
	<div id="body">
		<div id="header">
			<h1 id="logo">StrHint Admin</h1>

			<div id="account-bar">
				<a href="javascript:;">
					<span class="user-img">
						<img class="account-icon-image" src="img/user-default.png" alt="Yohann" title="Yohann" style="padding-top: 0px; padding-bottom: 0px;"/>
					</span>
					<span class="user-name">Yohann</span>
				</a>
			</div>
		</div>
		<div id="content">
			<div id="con-menu" class="shadow blurred no-app">
				<div id="con-menu-header">
					<div id="buddysearch">
						<div id="buddysearch_input_div">
							<input name="buddysearch" id="buddysearch_input" type="text" class="blurred inner-shadow" value="Search links..." x-webkit-speech x-webkit-grammar="builtin:translate" onwebkitspeechchange="" />
							<img class="sprite_icn_search_2" src="img/blank.gif" />
						</div>
						<span class="dropdown">
							<span class="main">
								<img class="sprite_icn_add" src="img/blank.gif" />
							</span>
						</span>
					</div>
				</div>
				<div class="roles-tab">
					<ul class="nav nav-tabs">
						<li class="tab active"><a href="javascript:;" data-id="lable1">Label1</a></li>
						<li class="tab"><a href="javascript:;" data-id="lable2">Label2</a></li>
					</ul>
				</div>
				<div id="con-menu-results">
				</div>
				
				<div id="con-menu-footer">
					<span>OTHER</span>
				</div>
			</div>
			
			<div id="con-main" class="with_menu">
				<button class="menu-ctrl role-admin btn btn-small"><span class="icon-th-list" href="javascript:;"></a>&nbsp;</button>
				<div id="tab-region">
					<ul class="tab-header nav nav-tabs">
					</ul>
					
					<div class="tab-content">
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<span class="info">&copy;CopyRight 2012</span>
		</div>
	</div>
	
	
	<script type="text/template" id="menu-item-template">
		<span class="menu-item">
			<a class="menu-item-link" href="<%= url %>" data-id="<%= id %>"><%= name %></a>
			<span class="item-tooltips">
				<span class="arr-icon"></span>
				<span class="tooltip-con">
					<img style="margin:4px 20px 0 6px;height:84px;" src="img/user-default.png" />
					<img style="margin:4px 4px 0 0;height:84px;" src="img/user-default.png" />
				</span>
			</span>
		</span>
	</script>
	
	<script type="text/template" id="tab-header-template">
		<li id="tab-header-<%= id %>" class="active" data-id="<%= id %>">
			<a href="#tab/<%= id %>"><%= name %></a>
		</li>
	</script>
	
	<script type="text/template" id="tab-pane-template">
		<div id="tab-pane-<%= id %>" data-id="<%= id %>" style="height:100%" class="tab-pane active">
			<iframe id="tab-pane-iframe-<%= id %>" name="tab-pane-iframe-<%= id %>" style="height:100%;width:100%;border:none;margin:0 0 1px 1px;" border="0" frameborder="0" src="<%= url %>"></iframe>
		</div>
	</script>
</body>
</html>
